const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: config => {
    config.module
      .rule('fonts')
      .test(/\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/)
      .include.add(__dirname + '/node_modules/material-design-icons-iconfont/dist/fonts')
      .end()
  },
  devServer: {
    port: 8080, //该前端的端口号
      proxy: {
        "/api": {  //1：匹配代理规则
          target: 'http://127.0.0.1:80',   // 2：代理服务器的目标服务器（后端服务器地址）
          changeOrigin: true, // 3：允许跨域请求
          pathRewrite: {
            '^/api': '/' // 4：把路径的/api 换成 /
          }
        }
      }
    }
})
